<template>
  <div>
    <button @click="bBar = !bBar">click</button>
    <XtxDialog title="xxx" :visible="bBar" @close="bBar = $event">
      <template #default> 对话框内容 </template>
      <template #footer>
        <XtxButton type="gray" style="margin-right: 20px">取消</XtxButton>
        <XtxButton type="primary">确认</XtxButton>
      </template>
    </XtxDialog>
  </div>
</template>
<script>
import { ref } from 'vue'
export default {
  setup() {
    const bBar = ref(false)
    return { bBar }
  }
}
</script>
